*{
    margin: 0;
    padding: 0
}
.login {
    max-width: 100%;
    min-height: 100vh;
    background: url(../../asserts/images/1.jpg) no-repeat center;
    background-size: 100% 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* 动画 */
  /* ../../asserts/images/2.jpg */
  .trump {
      width: 100px;
      height: 400px;
      background:url() no-repeat;
      background-size: 600% 100%;
      -webkit-animation: bird-slow .5s steps(5) infinite;
      animation: bird-slow .5s steps(5) infinite;
  }
  
  @keyframes bird-slow {
      0% {
          background-position: 0% 0%;
      }
      100% {
          background-position: 100% 0%;
      }
  }
  @-webkit-keyframes bird-slow {
      0% {
          background-position: 0% 0%;
      }
      100% {
          background-position: 100% 0%;
      }
  }
  /* 登录框 */
  .login-box {
    width: 360px;
    background: #fff;
    margin: 0px auto;
  }
  
  .login-title {
    font-size: 25px;
    text-align: center;
    color: #ff7f50;
    padding: 15px 0;
    width: 300px;
    margin: 0 auto;
    border-bottom: solid 1px #ccc;
  }
  /* 账号密码输入框 */
  .username-box,
  .pwd-box {
    width: 300px;
    height: 40px;
    border: solid 1px #ccc;
    margin: 20px auto 0 auto;
    background: #fff;
  }
  
  .username-box input,
  .pwd-box input {
      width: 290px;
      height: 30px;
      margin: 5px;
      border: none;
      font-size: 15px;
      color: #666;
  }
  
  .warning {
    font-size: 13px;
    color: red;
    width: 300px;
    margin: 0 auto;
    display: none;
  }
  /* 按钮 */
  .btn {
    width: 300px;
    height: 40px;
    margin: 10px auto;
  }
  
  .btn button{
      width: 100%;
      height: 100%;
      border: none;
      color: #fff;
      font-size: 14px;
      background: #ff7f50;
      cursor: pointer;
  }